<template>
   <div id="box">
       <header>
           <span class="one" @click="fanhui">
              <img src="../assets/img/fanhui2.png" class="fanhui">
            </span>
            <span class="center">修改昵称</span>
            <span class="two">
              <img src="../assets/img/gengduo.png" class="gengduo">
            </span>
       </header>
       <main>
            <input type="text" placeholder="请输入昵称"/>
       </main>
       <content>
         <button>修改昵称</button>
       </content>     
   </div>
</template>

<script>
export default {
  name: 'xiugainicheng',
 methods:{
    fanhui(){
      this.$router.go(-1)
    }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/xiugainicheng.less';
    @import '.././assets/css/reset.css';
</style>